<template>
  <div id="app">
    <button>切换1</button> <button>切换2</button> <button>切换3</button>
    <ZjutStudent name="张三" age="15" sex="男"/>
   <LoginForm></LoginForm>
   <template v-bind:is="LoginForm">{{copName}}</template>
  </div>
</template>

<script>
import ZjutStudent from './components/ZjutStudent.vue'
import LoginForm from './components/LoginForm.vue'




export default {
  name: 'App',
  data:function(){
    return {
    copName:'LoginForm'
    }
  },
  components: {
    ZjutStudent,
    LoginForm
}
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
